<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>色谱报告</title>
    <!--标准mui.css-->
    <link rel="stylesheet" href="../css/mui.min.css" />
    <script src="../js/mui.min.js"></script>
    <!--App自定义的css-->
    <link rel="stylesheet" type="text/css" href="../css/app.css" />
    <script src="../js/vue.js"></script>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/sm2.js"></script>
    <script src="../js/sm3.js"></script>
    <script src="../js/feedback.js"></script>
    <script src="../js/clipboard.js"></script>
    <script src="../js/flexible.js"></script>
    <script src="../wx/uap.js"></script>
    <script src="../js/vconsole.min.js"></script>
    <script src="./text.js" type="text/javascript"></script>
    <style>
      .trainTicketstitle {
        background-image: linear-gradient(
          to right,
          rgb(13, 121, 131),
          rgb(25, 179, 182)
        );
        padding: 0.3rem 0.2rem;
        color: #fff;
        height: 2.43rem;
        position: fixed;
        font-size: 0.36rem;
        width: 100%;
      }
      input[type="text"] {
        margin: 0;
        width: 100%;
        height: 85%;
        padding: 0;
        line-height: 1rem;
      }
      .mui-btn-blue,
      .mui-btn-primary,
      input[type="submit"] {
        background-color: rgb(25, 179, 182);
        color: #fff;
        border: 1px solid rgb(25, 179, 182);
        border-radius: 4px;
        margin-right: 10px;
      }
      .trainTickets {
        display: flex;
      }
      .left {
        text-align: center;
        line-height: 1rem;
      }

      .left a {
        line-height: 0.5rem;
        color: #fff;
      }

      .left .left1 {
        position: absolute;
        left: 0.3rem;
        top: 0.35rem;
      }

      .left :nth-child(1) span {
        line-height: 2rem;
        color: #fff;
      }

      .left :nth-child(2) span {
        line-height: 2rem;
        color: #fff;
      }

      .file-input {
        opacity: 0;
        height: 100%;
        width: 100%;
        z-index: 1;
        position: absolute;
        left: 0;
        top: 0;
      }

      .top {
        height: 10rem;
        width: 100%;
        box-sizing: border-box;
        font-size: 0.4rem;
        /* border: 3px dashed rgb(25, 179, 182); */
        position: relative;
        border-radius: 10px;
        padding: 0.3rem;
        margin-bottom: 0.3rem;
        position: relative;
        margin-top: 1rem;
        background: #fff;
        /* width: 80%;
            height: 80%; */
      }

      /* .bgcImg {
        width: 60%;
        height: 3rem;
        margin: 0 auto;
        background: url("../image/printTop.png") center;
        background-size: 100% 100%;
        margin-top: 2.5rem;
        margin-bottom: 3.3rem;
      } */

      .frontandback {
        /* position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%); */
        font-size: 0.35rem;
        padding: 0.1rem 0.2rem;
        /* border-radius: 6%;
            background: rgb(179, 179, 179);
            opacity: 0.8;
            color: #fff;
            border-radius: 10px; */
      }
      .head {
        position: fixed;
        background-color: #fff;
        margin: 0.32rem auto;
        width: 7.04rem;
        color: #333;
      }
      .head .title {
        display: flex;
        justify-content: flex-start;
        height: 0.84rem;
      }
      .head .title h4 {
        position: absolute;
        left: 0.74rem;
        top: 0.2rem;
        font-size: 0.32rem;
        width: 6.2rem;
        /* height: .84rem; */
        text-align: left;
        /* line-height: .84rem; */
        /* border-bottom:1px dashed rgb(25, 179, 182); */
      }
      .head .line {
        position: absolute;
        width: 6.3rem;
        top: 0.72rem;
        left: 0.36rem;
        border-bottom: 1px dashed rgb(25, 179, 182);
      }
      /* .main {
        background-color: #f7faff;
      } */
      /* 中间 */
      .list {
        width: 7.04rem;
        /* background-color: blue; */
        margin: 2.3rem auto 0;
        /* height: 3rem; */
        background-color: #fff;
        /* position: relative; */
        /* margin: 0 .01rem; */
      }
      .productsDescription {
        background-color: #f7faff;
        text-align: center;
        /* -webkit-box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5);
          -moz-box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5);
          box-shadow:0 0 0.2rem rgba(208, 240, 240, 0.5); */
        padding: 0.1rem /* 10/100 */;
        /* box-sizing:border-box; */
      }
      .productsDescription .title {
        display: flex;
        justify-content: flex-start;
        height: 0.84rem;
        /* position: relative; */
        /* height: 1rem; */
      }
      .productsDescription .title h4 {
        position: absolute;
        left: 0.74rem;
        top: 0.2rem;
        font-size: 0.32rem;
        width: 6.2rem;
        /* height: .84rem; */
        text-align: left;
        /* line-height: .84rem; */
        /* border-bottom:1px dashed rgb(25, 179, 182); */
      }
      .bar {
        position: absolute;
        width: 0.06rem /* 1/100 */;
        left: 0.36rem;
        top: 0.2rem;
        height: 0.3rem /* 1/100 */;
        background: #0e7677;
        border-radius: 3px;
      }
      .leftCircle {
        width: 0.15rem;
        height: 0.2rem;
        background-color: rgb(13, 121, 131);
        border-top-right-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem;
        position: absolute;
        /* top: 1.8rem;
        left: 0.35rem; */
        top: 0.6rem;
        left: -0.01rem;
      }
      .rightCircle {
        width: 0.15rem;
        height: 0.2rem;
        background-color: rgb(25, 179, 182);
        border-top-left-radius: 0.1rem;
        border-bottom-left-radius: 0.1rem;
        position: absolute;
        top: 0.6rem;
        right: -0.01rem;
      }
      .productsDescription .line {
        position: absolute;
        width: 6.3rem;
        top: 0.72rem;
        left: 0.36rem;
        border-bottom: 1px dashed rgb(25, 179, 182);
      }
      .description {
        background-color: #fff;
        padding: 0.1rem;
      }
      .description li {
        width: 100%;
        /* height: 0.9rem; */
        display: flex;
        text-align: left;
        /* padding-top: 0.15rem; */
        justify-content: flex-start;
        align-content: flex-start;
        flex-wrap: wrap;
        /* box-sizing:border-box; */
      }
      .description li p {
        font-size: 0.3rem;
        line-height: 0.9rem;
        width: 35%;
      }
      .productsDescription .description li span {
        width: 65%;
        line-height: 0.9rem;
        /* padding-bottom: 0.06rem; */

        border-bottom: 0.01rem dashed #aeaeb3;
        /* box-sizing:border-box; */
      }
      .productsDescription .description li span input {
      }
      .main {
        display: block;
        margin-top: 0.5rem;
      }
      .productData {
        margin-top: 0.2rem;
        /* width: 7.04rem; */
        /* height: 3.56rem; */
        /* position: relative; */
        background-color: #fff;
      }

      .productData .dot {
        /* position: absolute; */
        width: 0.12rem;
        height: 0.12rem;
        background: #0e7677;
        border-radius: 50%;
        line-height: 0.25rem;
        margin-top: 0.14rem;
      }
      .productData .description p {
        /* position: absolute; */
        font-size: 0.32rem;
        font-weight: 600;
        color: #1e3754;
        line-height: 0.45rem;
        margin-left: 2.5rem;
      }
      .productData .description p:nth-child(3) {
        /* position: absolute; */
        width: 6.3rem;
        height: 0.01rem;
        border: 0.01rem solid #d3e3fe;
        left: 0.3rem;
        top: 0.85rem;
      }
      .gas {
        /* position: absolute; */
        width: 6.3rem;
        margin: 0 auto;
      }
      .gas div {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        height: 0.73rem;
      }
      .gas div:nth-child(1) {
        border: 0.01rem solid #ecf3ff;
      }
      .gas div p {
        font-size: 0.24rem;
        color: #8a9dbe;
        line-height: 0.73rem;
      }
      .gas div p:nth-child(1) {
        margin-left: 0.39rem;
        width: 20%;
      }
      .gas div p:nth-child(2) {
        text-align: center;
        width: 80%;
        display: flex;
        justify-content: space-around;
      }
      .gas .careful {
        background-color: #f7faff;
      }
      #mod {
        display: flex;
        justify-content: space-around;
        flex-wrap: nowrap;
        width: 80%;
        text-align: center;
      }

      .four {
        padding-bottom: 0.2rem;
        border-bottom: 0.01rem dashed #aeaeb3;
      }
      .productComparison {
        margin-top: 0.2rem;
        padding-bottom: 1.6rem;
      }
      .productComparison .description li span {
        width: 65%;
        line-height: 0.9rem;
        padding-bottom: 0.06rem;
        border-bottom: 0.01rem dashed #aeaeb3;
      }

      .form {
        padding: 0.2rem;
        line-height: 0.5rem;
        /* background: #fff; */
        margin: 0.2rem 0.2rem 0.2rem;
      }

      /* 底部 */
      .trainTickets .foot {
        display: block;
        position: fixed;
        bottom: 0px;
        left: 0px;
        box-sizing: border-box;
        padding: 0.2rem;
        background-color: #f7faff;
        width: 100%;
        /* box-shadow: 4px -4px 4px #eee; */
        text-align: center;
      }
      .foot button {
        width: 2.1rem;
        height: 0.96rem;
        box-shadow: 0px 8px 8px 0px rgba(4, 124, 137, 0.05);
        border-radius: 4px;
      }
      .foot .edit {
        background: #ffffff;
        border: 2px solid #0e7677;
        font-weight: 600;
        color: #0e7677;
      }
      .foot .sendOut {
        background: #0e7677;
        font-weight: 600;
        color: #ffffff;
      }

      /* .line1 {
        position: absolute;
        top: 0;
        left: 0px;
        width: 100%;
        height: 100%;
        z-index: 111;
      }

      .lineFlag1 {
        display: none;
        width: 100%;
        -webkit-animation: bounce-down1 2s linear infinite;
        animation: bounce-down1 2s linear infinite;
      } */

      @-webkit-keyframes bounce-down1 {
        25% {
          -webkit-transform: translateY(1.5rem);
        }

        50% {
          -webkit-transform: translateY(4rem);
        }

        100% {
          -webkit-transform: translateY(7.5rem);
        }
      }

      @keyframes bounce-down1 {
        25% {
          transform: translateY(7.5rem);
        }

        50% {
          transform: translateY(4rem);
        }

        100% {
          transform: translateY(0);
        }
      }

      /* .line {
        position: absolute;
        top: 0.3rem;
        left: 0px;
        width: 100%;
        height: 9.2rem;
        z-index: 111;
      }

      .lineFlag {
        display: none;
        width: 100%;
        -webkit-animation: bounce-down 2s linear infinite;
        animation: bounce-down 2s linear infinite;
      } */

      @-webkit-keyframes bounce-down {
        25% {
          -webkit-transform: translateY(0.15rem);
        }

        50% {
          -webkit-transform: translateY(4.55rem);
        }

        100% {
          -webkit-transform: translateY(9.2rem);
        }
      }

      @keyframes bounce-down {
        25% {
          transform: translateY(9.2rem);
        }

        50% {
          transform: translateY(4.55rem);
        }

        100% {
          transform: translateY(0.15rem);
        }
      }

      .mui-toast-container {
        top: 50%;
      }

      .form .title1 {
        font-size: 0.35rem;
        font-weight: 600;
        color: #333;
        margin-bottom: 0.2rem;
      }

      .title .titleline {
        /* height: 0.3rem; */
        /* border: 2px solid rgb(25, 179, 182); */
        /* margin-right: 0.2rem;
            margin-top: 0.07rem; */
      }

      .clipboardContent {
        background-color: rgb(251, 247, 247);
        padding: 0.4rem;
        position: relative;
        height: calc(100vh - 3.5rem);
      }

      .clipboardContent img {
        width: 0.3rem;
      }

      .content1 {
        overflow: scroll;
        height: 100%;
        padding: 0.1rem 0.2rem;
        word-wrap: break-word;
      }

      .frontandback .bottom2 {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: 0.2rem;
        margin-bottom: 0.2rem;
        width: 0.3rem;
      }

      .frontandback .left2 {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0.2rem;
        margin-top: 0.2rem;
        width: 0.3rem;
      }

      .frontandback .left1 {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0.2rem;
        margin-top: 0.2rem;
        width: 0.3rem;
      }

      .frontandback .bottom1 {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0.3rem;
        margin-left: 0.2rem;
        margin-bottom: 0.2rem;
      }

      .topImg .bottom2 {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 0.2rem;
        padding-top: 0.2rem;
        width: 0.3rem;
      }

      .bottomImg .left2 {
        position: absolute;
        bottom: 0;
        left: 0;
        margin-left: 0.2rem;
        width: 0.3rem;
        padding-bottom: 0.2rem;
      }

      .bottomImg .left1 {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-right: 0.2rem;
        width: 0.3rem;
        padding-bottom: 0.2rem;
      }

      .topImg .bottom1 {
        position: absolute;
        right: 0;
        top: 0;
        width: 0.3rem;
        margin-right: 0.2rem;
        padding-top: 0.2rem;
      }

      .home {
        font-family: Muiicons;
        font-size: 0.5rem;
        font-weight: 400;
        font-style: normal;
        line-height: 1;
        display: inline-block;
        text-decoration: none;
        -webkit-font-smoothing: antialiased;
      }

      .home:before {
        content: "\e471";
      }

      /* 弹出框 */
      .btn-pop {
        background-color: #ffd475;
        border-radius: 0.1rem;
        zoom: 200%;
      }
      #background-pop {
        display: none;
        position: fixed;
        text-align: center;
        line-height: 0.8rem;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
      }
      #div-pop {
        background: #ffffff;
        width: 70%;
        z-index: 1;
        margin: 45% auto;
        overflow: auto;
      }
      .div-top {
        width: 100%;
        height: auto;
        background-color: rgb(25, 179, 182);
        color: #ffffff;
        display: flex;
        justify-content: space-between;
      }
      .div-top div {
        padding: 3px 5px 5px 8px;
      }
      .div-top div span {
        color: white;
        margin-bottom: 10px;
        margin-left: 20px;
        cursor: pointer;
        float: right;
      }
      .div-content {
        width: auto;
        height: 200px;
        overflow: auto;
      }
      .div-footer {
        text-align: center;
        background-color: #f7faff;
      }
      .div-footer button {
        background-color: rgb(25, 179, 182);
        color: #fff;
      }
    </style>
  </head>

  <body>
    <div id="app">
      <!-- 提示信息 -->
      <div class="is-loading">
        <div class="curtain">
          <div class="loadingBgc">
            <div class="loader"></div>
            <p class="loadingF">正在识别</p>
          </div>
        </div>
      </div>
      <div class="trainTickets">
        <!-- 头部 -->
        <div class="trainTicketstitle">
          <div class="arrow clearfix">
            <div class="left">
              <span class="left1" @click="zhuce">
                <a class="home"></a>
                <!-- <span>返回&gt;</span> -->
              </span>
              <!-- <van-icon name="arrow-left" /> -->
              <span style="font-weight: 600">识别结果</span>
            </div>
          </div>
          <div class="head">
            <div class="title">
              <div class="bar"></div>
              <h4>绝缘油色谱试验报告</h4>
            </div>
            <div class="leftCircle"></div>
            <div class="rightCircle"></div>
            <div class="line"></div>
          </div>
        </div>

        <!-- 中间 -->
        <div class="list">
          <div class="productsDescription">
            <ul class="description" :v-model="signRule">
              <li>
                <p>取样地点</p>
                <span
                  ><input
                    id="test"
                    v-model="signRule['取样地点']"
                    style="border-style: none; width: 100%"
                    readonly="readonly"
                    value="123"
                /></span>
              </li>
              <li>
                <p>设备名称</p>
                <span
                  ><input
                    id="test"
                    v-model="signRule['设备名称']"
                    style="border-style: none; width: 100%"
                    readonly="readonly"
                    value="123"
                /></span>
              </li>
              <li>
                <p>设备编码</p>
                <span
                  ><input
                    id="test"
                    v-model="signRule['设备编号']"
                    style="border-style: none; width: 100%"
                    readonly="readonly"
                    value="123"
                /></span>
              </li>
              <li>
                <p>电压等级(kV)</p>
                <span
                  ><input
                    id="test"
                    v-model="signRule['电压等级']"
                    style="border-style: none; width: 100%"
                    readonly="readonly"
                    value="123"
                /></span>
              </li>

              <li>
                <p>气压(kPa)</p>
                <span
                  ><input
                    id="test"
                    v-model="signRule['气压']"
                    style="border-style: none; width: 100%"
                    readonly="readonly"
                    value="123"
                /></span>
              </li>
              <li>
                <p>取样日期</p>
                <span
                  ><input
                    id="test"
                    v-model="signRule['取样日期']"
                    style="border-style: none; width: 100%"
                    readonly="readonly"
                    value="123"
                /></span>
              </li>
              <li>
                <p>分析日期</p>
                <span
                  ><input
                    id="test"
                    v-model="signRule['分析日期']"
                    style="border-style: none; width: 100%"
                    readonly="readonly"
                    value="123"
                /></span>
              </li>
              <li>
                <p>脱气方法</p>
                <span
                  ><input
                    id="test"
                    v-model="signRule['脱气方法']"
                    style="border-style: none; width: 100%"
                    readonly="readonly"
                    value="123"
                /></span>
              </li>
            </ul>
            <div class="main">
              <div class="productData">
                <div class="description">
                  <div style="display: flex">
                    <div class="dot"></div>
                    <p>氢&nbsp(H₂)</p>
                  </div>
                  <p></p>
                </div>
                <div class="gas">
                  <div class="careful">
                    <p>注意值</p>
                    <p>含量(μl/L)</p>
                  </div>
                  <div class="careful">
                    <p></p>
                    <p>
                      <span>A</span>
                      <span>B</span>
                      <span>C</span>
                      <span>O</span>
                    </p>
                  </div>
                  <div>
                    <p>
                      <span
                        ><input
                          id="test"
                          style="
                            border-style: none;
                            width: 100%;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="/"
                      /></span>
                    </p>
                    <p>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.H2_A"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.H2_B"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.H2_C"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.H2_O"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                    </p>
                  </div>
                </div>
              </div>

              <div class="productData">
                <div class="description">
                  <div style="display: flex">
                    <div class="dot"></div>
                    <p>氧&nbsp(O₂)</p>
                  </div>
                  <p></p>
                </div>
                <div class="gas">
                  <div class="careful">
                    <p>注意值</p>
                    <p>含量(μl/L)</p>
                  </div>
                  <div class="careful">
                    <p></p>
                    <p>
                      <span>A</span>
                      <span>B</span>
                      <span>C</span>
                      <span>O</span>
                    </p>
                  </div>
                  <div>
                    <p>
                      <span
                        ><input
                          id="test"
                          style="
                            border-style: none;
                            width: 100%;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="/"
                      /></span>
                    </p>
                    <p>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.O2_A"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.O2_B"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.O2_C"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.O2_O"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                    </p>
                  </div>
                </div>
              </div>

              <div class="productData">
                <div class="description">
                  <div style="display: flex">
                    <div class="dot"></div>
                    <p>甲烷&nbsp(CH4)</p>
                  </div>
                  <p></p>
                </div>
                <div class="gas">
                  <div class="careful">
                    <p>注意值</p>
                    <p>含量(μl/L)</p>
                  </div>
                  <div class="careful">
                    <p></p>
                    <p>
                      <span>A</span>
                      <span>B</span>
                      <span>C</span>
                      <span>O</span>
                    </p>
                  </div>
                  <div>
                    <p>
                      <span
                        ><input
                          id="test"
                          style="
                            border-style: none;
                            width: 100%;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="/"
                      /></span>
                    </p>
                    <p>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CH4_A"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CH4_B"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CH4_C"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CH4_O"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                    </p>
                  </div>
                </div>
              </div>

              <div class="productData">
                <div class="description">
                  <div style="display: flex">
                    <div class="dot"></div>
                    <p>乙烷&nbsp(CH₃CH₃)</p>
                  </div>
                  <p></p>
                </div>
                <div class="gas">
                  <div class="careful">
                    <p>注意值</p>
                    <p>含量(μl/L)</p>
                  </div>
                  <div class="careful">
                    <p></p>
                    <p>
                      <span>A</span>
                      <span>B</span>
                      <span>C</span>
                      <span>O</span>
                    </p>
                  </div>
                  <div>
                    <p>
                      <span
                        ><input
                          id="test"
                          style="
                            border-style: none;
                            width: 100%;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="/"
                      /></span>
                    </p>
                    <p>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H6_A"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H6_B"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H6_C"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H6_O"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                    </p>
                  </div>
                </div>
              </div>

              <div class="productData">
                <div class="description">
                  <div style="display: flex">
                    <div class="dot"></div>
                    <p>乙烯&nbsp(C₂H₄)</p>
                  </div>
                  <p></p>
                </div>
                <div class="gas">
                  <div class="careful">
                    <p>注意值</p>
                    <p>含量(μl/L)</p>
                  </div>
                  <div class="careful">
                    <p></p>
                    <p>
                      <span>A</span>
                      <span>B</span>
                      <span>C</span>
                      <span>B</span>
                    </p>
                  </div>
                  <div>
                    <p>
                      <span
                        ><input
                          id="test"
                          style="
                            border-style: none;
                            width: 100%;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="/"
                      /></span>
                    </p>
                    <p>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H4_A"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H4_B"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H4_C"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H4_O"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                    </p>
                  </div>
                </div>
              </div>

              <div class="productData">
                <div class="description">
                  <div style="display: flex">
                    <div class="dot"></div>
                    <p>乙炔&nbsp(C₂H₂)</p>
                  </div>
                  <p></p>
                </div>
                <div class="gas">
                  <div class="careful">
                    <p>注意值</p>
                    <p>含量(μl/L)</p>
                  </div>
                  <div class="careful">
                    <p></p>
                    <p>
                      <span>A</span>
                      <span>B</span>
                      <span>C</span>
                      <span>O</span>
                    </p>
                  </div>
                  <div>
                    <p>
                      <span
                        ><input
                          id="test"
                          style="
                            border-style: none;
                            width: 100%;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="/"
                      /></span>
                    </p>
                    <p>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H2_A"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H2_B"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H2_C"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.C2H2_O"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                    </p>
                  </div>
                </div>
              </div>

              <div class="productData">
                <div class="description">
                  <div style="display: flex">
                    <div class="dot"></div>
                    <p>一氧化碳&nbsp(CO)</p>
                  </div>
                  <p></p>
                </div>
                <div class="gas">
                  <div class="careful">
                    <p>注意值</p>
                    <p>含量(μl/L)</p>
                  </div>
                  <div class="careful">
                    <p></p>
                    <p>
                      <span>A</span>
                      <span>B</span>
                      <span>C</span>
                      <span>O</span>
                    </p>
                  </div>
                  <div>
                    <p>
                      <span
                        ><input
                          id="test"
                          style="
                            border-style: none;
                            width: 100%;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="/"
                      /></span>
                    </p>
                    <p>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CO_A"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CO_B"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CO_C"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CO_O"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                    </p>
                  </div>
                </div>
              </div>

              <div class="productData">
                <div class="description">
                  <div style="display: flex">
                    <div class="dot"></div>
                    <p>二氧化碳&nbsp(CO₂)</p>
                  </div>
                  <p></p>
                </div>
                <div class="gas">
                  <div class="careful">
                    <p>注意值</p>
                    <p>含量(μl/L)</p>
                  </div>
                  <div class="careful">
                    <p></p>
                    <p>
                      <span>A</span>
                      <span>B</span>
                      <span>C</span>
                      <span>O</span>
                    </p>
                  </div>
                  <div>
                    <p>
                      <span
                        ><input
                          id="test"
                          style="
                            border-style: none;
                            width: 100%;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="/"
                      /></span>
                    </p>
                    <p>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CO2_A"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CO2_B"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CO2_C"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule.CO2_O"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                    </p>
                  </div>
                </div>
              </div>

              <div class="productData">
                <div class="description">
                  <div style="display: flex">
                    <div class="dot"></div>
                    <p>总烃</p>
                  </div>
                  <p></p>
                </div>
                <div class="gas">
                  <div class="careful">
                    <p>注意值</p>
                    <p>含量(μl/L)</p>
                  </div>
                  <div class="careful">
                    <p></p>
                    <p>
                      <span>A</span>
                      <span>B</span>
                      <span>C</span>
                      <span>O</span>
                    </p>
                  </div>
                  <div>
                    <p>
                      <span
                        ><input
                          id="test"
                          style="
                            border-style: none;
                            width: 100%;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="/"
                      /></span>
                    </p>
                    <p>
                      <span
                        ><input
                          id="test"
                          v-model="signRule['总径值_A']"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule['总径值_B']"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule['总径值_C']"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.26rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                      <span
                        ><input
                          id="test"
                          v-model="signRule['总径值_O']"
                          style="
                            border-style: none;
                            width: 100%;
                            text-align: center;
                            font-size: 0.24rem;
                          "
                          readonly="readonly"
                          value="123"
                      /></span>
                    </p>
                  </div>
                </div>
              </div>

              <div class="productComparison">
                <ul class="description">
                  <li>
                    <p>标准及规程</p>
                    <span
                      ><input
                        id="test"
                        v-model="signRule['标准及规程']"
                        style="border-style: none; width: 100%"
                        readonly="readonly"
                        value="123"
                    /></span>
                  </li>
                  <li>
                    <p>取样人</p>
                    <span
                      ><input
                        id="test"
                        v-model="signRule['取样人']"
                        style="border-style: none; width: 100%"
                        readonly="readonly"
                        value="123"
                    /></span>
                  </li>
                  <li>
                    <p>试验仪器</p>
                    <span
                      ><input
                        id="test"
                        v-model="signRule['试验仪器']"
                        style="border-style: none; width: 100%"
                        readonly="readonly"
                        value="123"
                    /></span>
                  </li>
                  <li>
                    <p>分析人</p>
                    <span
                      ><input
                        id="test"
                        v-model="signRule['分析人']"
                        style="border-style: none; width: 100%"
                        readonly="readonly"
                        value="123"
                    /></span>
                  </li>
                  <li>
                    <p>结论</p>
                    <span
                      ><input
                        id="test"
                        v-model="signRule['结论']"
                        style="border-style: none; width: 100%"
                        readonly="readonly"
                        value="123"
                    /></span>
                  </li>

                  <li>
                    <p>试验性质</p>
                    <span
                      ><input
                        id="test"
                        v-model="signRule['试验性质']"
                        style="border-style: none; width: 100%"
                        readonly="readonly"
                        value="123"
                    /></span>
                  </li>
                  <li>
                    <p>审核</p>
                    <span
                      ><input
                        id="test"
                        v-model="signRule['审核']"
                        style="border-style: none; width: 100%"
                        readonly="readonly"
                        value="123"
                    /></span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script>
      new Vue({
        el: "#app",

        data() {
          return {
            clipboard: sessionStorage.getItem("clipboard"),
            display: "black",
            displays: "",
            signRule: {
              // H2_A:1234.56,
              // H2_B:1234.56,
              // H2_C:134.345,
              // CO2_A:1309.01,
            },
            fileName: sessionStorage.getItem("fileName"),
            tAttachmentId: sessionStorage.getItem("tAttachmentId"),
            // 电压
            dianya: "",
            // 结论
            jieLun: "",
            // 组成
            decompositionProducts: "",
            decompositionProductso: "",
            decompositionProductst: "",
            decompositionProductsth: "",
            decompositionProductsf: "",
            decompositionProductsfi: "",
            decompositionProductss: "",
            decompositionProductsss: "",
            decompositionProductsse: "",
            aH2A: "",
            aH2B: "",
            aH2C: "",
            aH2O: "",
            aO2A: "",
            aO2B: "",
            aO2C: "",
            aO2O: "",
            aCH4A: "",
            aCH4B: "",
            aCH4C: "",
            aCH4O: "",
            aC2H6A: "",
            aC2H6B: "",
            aC2H6C: "",
            aC2H6O: "",
            aC2H4A: "",
            aC2H4B: "",
            aC2H4C: "",
            aC2H4O: "",
            aC2H2A: "",
            aC2H2B: "",
            aC2H2C: "",
            aC2H2O: "",
            aCOA: "",
            aCOB: "",
            aCOC: "",
            aCOO: "",
            aCO2A: "",
            aCO2B: "",
            aCO2C: "",
            aCO2O: "",
            aZQA: "",
            aZQB: "",
            aZQC: "",
            aZQO: "",
            // 弹出框
            addData: {},
            colors: {},
            // 颜色
            colorConfirm: "",
          };
        },
        created() {
          this.particulars();
        },
        methods: {
          particulars() {
            let data = {
              userId: sessionStorage.getItem("userId"),
              orgId: sessionStorage.getItem("unitId"),
              timestamp: new Date().getTime() + "",
              id: sessionStorage.getItem("id"),
            };
            data = JSON.stringify(data);
            let sign = sm3(data);
            let AuthenticationSession =
              sessionStorage.getItem("Authentication");
            //   // let arr;
            $.ajax({
              url:
                localUrlLink +
                iscp_port +
                "/yipailu/IdentificationReport/selectById",
              type: "post",
              async: false, //是否同步，false表示同步请求
              dataType: "json",
              data: data,
              headers: {
                "Content-Type": "application/json;charset=UTF-8",
                Authentication: AuthenticationSession,
                sign: sign,
              },
              success: (res, txt, xhr) => {
                if (sm3(res.resultValueStr) == xhr.getResponseHeader("sign")) {
                  let Authentication = xhr.getResponseHeader("Authentication");
                  if (res.code == 200) {
                    if (Authentication) {
                      sessionStorage.setItem("Authentication", Authentication);
                      // if (num == 1) {
                      //   $(location).attr("href", "Voice.html");
                      // }
                      const resultValue = JSON.parse(res.resultValue.message);                                                                                                      
                      this.signRule = resultValue;
                      // for (var item in res.resultValue) {
                      //   // document.write(arr[item] + ",");
                      // }
                      // mui.toast(res.resultValue, {
                      //   duration: "long",
                      //   type: "div",
                      // });
                      // setTimeout(() => {
                      //   $(location).attr("href", "luYinlist.html");
                      // }, 1000);
                    }
                    // } else if (res.code == 500) {
                    // mui.toast(res.resultValue, {
                    //   duration: "long",
                    //   type: "div",
                    // });
                  } else {
                    // mui.toast("请求异常,请稍后再试", {
                    //   duration: "long",
                    //   type: "div",
                    // });
                  }
                } else {
                  // mui.toast("完整性校验失败", {
                  //   duration: "long",
                  //   type: "div",
                  // });
                }
              },
              error: (e) => {
                // $(".loader").css("display", "none");
                // $(".curtain").css("display", "none");
                // mui.toast("请求异常,请稍后再试", {
                //   duration: "long",
                //   type: "div",
                // });
              },
            });
          },

          // 返回
          zhuce() {
            $(location).attr("href", "recognitionResult.html");
          },
        },
      });
    </script>
  </body>
</html>

<body></body>
